<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        /* 
        变量: 储存单个数据的容器.
        先声明  后使用
        */
        //    1.关键字  var 声明变量  variable
        // age 变量名 19 变量的值 
        var age = 19;
        // 2.  =赋值 ,将后面的值,给前面的变量
        // 对变量进项重新赋值  对之前的值进行覆盖
        age = 333;
        //  3.参与运算的是变量的值
        console.log(age);
        console.log(age + 666);
        // 4.只声明  未赋值的变量
        var ikun;
        console.log(ikun);
        // 5.var 声明的变量名可以重复,但是不推荐
        var age = 30;
        console.log(age);
        // 6. let 关键字声明,变量名不能重复
        let score = 999;
        score = 1000;
        console.log(score);
    </script>
    <script>
        //    1.关键字  var 声明变量  variable
        // age 变量名 19 变量的值 
        var age = 19;
        // 2.  =赋值 ,将后面的值,给前面的变量
        // 对变量进项重新赋值  对之前的值进行覆盖
        age = 555;
        //  3.参与运算的是变量的值
        console.log(age);
        console.log(age + 111);
        // 4.只声明  未赋值的变量
        var Braisedeggplant;
        console.log(Braisedeggplant);
        // 5.var 声明的变量名可以重复,但是不推荐
        var age = 020;
        console.log(age);
        // 6. let 关键字声明,变量名不能重复
        let eggplant = 778;
        eggplant = 8787;
        console.log(eggplant);
    </script>
    <script>
        //    1.关键字  var 声明变量  variable
        // age 变量名 19 变量的值 
        var year = 19;
        // 2.  =赋值 ,将后面的值,给前面的变量
        // 对变量进项重新赋值  对之前的值进行覆盖
        year = 555;
        //  3.参与运算的是变量的值
        console.log(year);
        console.log(year + 111);
        // 4.只声明  未赋值的变量
        var star;
        console.log(star);
        // 5.var 声明的变量名可以重复,但是不推荐
        var year = 020;
        console.log(year);
        // 6. let 关键字声明,变量名不能重复
        let blingstar = 778;
        star = 8787;
        console.log(blingstar);
    </script>
</body>

</html>